<!doctype html>
<!-- <html manifest='cache.manifest'> -->
<html>
	<head>
		<meta charset="utf-8">
		<title>掌管天下</title>
		<meta name="description" content="">
		<meta name="author" content="">
		<meta name="HandheldFriendly" content="True">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="cleartype" content="on">

		<!-- Lungo - Stylesheets -->
		<link rel="stylesheet" href="css/lungo.css" type="text/css">
		<link rel="stylesheet" href="css/common.css" type="text/css">
		<link rel="stylesheet" href="css/lungo.theme.default.css" type="text/css">
	</head>

	<body class="app">
<!-----htmls/loading.html----->
<section id="loading" data-transition="slide">
    <article class="indented splash" style="padding:0px;background:url(img/load-bg.png) repeat">
        <img src="img/logo.png"/>
        <form class="rounded">
            <div data-loading="black"></div>
            <br/>
            <div>正在载入，请稍候</div>
        </form>
    </article>
</section>
<!-----htmls/sections/custom.html----->
<section id="custom">
    <header id="custom-header" data-title="客户详情">
        <nav class="box">
            <a class="iconp icon-back" href="javascript:;"></a>
        </nav>
        <nav class="box right">
            <a id="custom-btn-save" class="iconp icon-ok" href="javascript:"></a>
        </nav>
    </header>
    <article id="art-custom" class="list scroll">
        <style>
            section#custom a.button {
                margin-bottom: 8px;
            }

            section#custom label {
                line-height: 35px;
            }

            section#custom input, section#custom .seven {
                padding: 2px 8px;
            }

            section#custom div.seven {
                float: right;
            }
        </style>
        <form class="margined">
            <div class="ten columns">
                <label class="two columns">客户名称</label>
                <input class="seven columns" id="custom-input-name" placeholder="客户名称"/>
            </div>
            <div class="ten columns">
                <label class="two columns">地址</label>
                <input class="seven columns" id="custom-input-addr" placeholder="地址"/>
            </div>
            <div class="ten columns">
                <label class="two columns">联系人</label>

                <div class="seven columns" id="custom-person-group">
                </div>
                <a id="custom-add-person" class="seven columns button agreen">添加联系人</a>
            </div>
            <div class="ten columns">
                <label class="two columns">成交产品</label>

                <div class="seven columns" id="custom-product-group">
                </div>
                <a id="custom-add-product" class="seven columns button agreen">添加产品</a>
            </div>
            <div id="custom-maturity" class="ten columns">
                <label class="two columns">成熟度</label>

                <div class="seven columns" style="margin:8px 0;padding:0 8px;">
                    <input type="range" placeholder="type your name"/>
                </div>
            </div>
            <div id="custom-visits" class="ten columns">
                <label class="two columns">拜访记录</label>
                <a id="custom-add-visit" class="seven columns button agreen">添加</a>
            </div>
        </form>
    </article>
</section>
<!-----htmls/sections/grouping.html----->
<section id="grouping">
    <header id="grouping-header" data-title="分组">
        <nav class="box">
            <a class="iconp icon-back" href="javascript:;"></a>
        </nav>
    </header>
    <nav id="grouping-nav-search" class="hnav topbar">
        <form style="margin:4px;">
            <input id="grouping-input-search" style="margin:0px;" type="search" placeholder="输入关键字开始搜索" />
            <a href="javascript:;" id="grouping-search-custom" class="button gosearch tran"></a>
        </form>
    </nav>
    <article id="art-grouping" data-nav="grouping-nav-search" class="list scroll extended">
        <ul id="grouping-list">
            <li><strong>北京天恒星床垫厂</strong><small>陈武 10000000000</small></li>
            <li><strong>北京天恒星床垫厂</strong><small>陈武 10000000000</small></li>
        </ul>
    </article>
</section>
<!-----htmls/sections/home.html----->
<section id="home">
    <style>
        a#home-fnav-add {
            font-size: 30px;
            bottom: 20px;
            z-index: 1000;
            position: relative;
            /*            background-color: #444;*/
            border-radius: 25px;
            /*            border:4px solid #222;*/
            border: 2px solid #75010E;
            color: #fff;
        }

        a#home-fnav-add:active {
            /*            background-color: #222;*/
        }
    </style>
    <header id="home-header-info" data-title="2012年12月">
    </header>

    <header id="home-header-custom" data-title="客户" style="display:none;">
        <nav class="right box">
            <a id="home-custom-add" class="iconp icon-add" href="javascript:"></a>
        </nav>
    </header>

    <header id="home-header-raid" data-title="我的团队" style="display:none;">
    </header>

    <header id="home-header-more" data-title="更多" style="display:none;">
    </header>

    <nav id="home-nav-custom" class="hnav groupbar sub">
        <a id="home-hnav-mycustom" href="javascript:;" data-router="nav" class="current">我的客户</a>
        <a id="home-hnav-yelpages" href="javascript:;" data-router="nav">黄页</a>
    </nav>

    <footer>
        <nav id="home-fnav">
            <a id="home-fnav-info" href="javascript:;" data-router="article" class="current">主页</a>
            <a id="home-fnav-custom" href="javascript:;" data-router="article">客户</a>
            <a id="home-fnav-add" href="javascript:;" class="red">+</a>
            <a id="home-fnav-raid" href="javascript:;" data-router="article">团队</a>
            <a id="home-fnav-more" href="javascript:;" data-router="article">更多</a>
        </nav>
    </footer>
    <article id="art-home-info" data-header="home-header-info" class="list scroll">
        <style>
            article#art-home-info label.five.columns {
                text-align: center;
                padding: 8px 0;
            }

            article#art-home-info .ten.columns {
                margin: 10px 0;
            }

            article#art-home-info .ten.columns > label, article#art-home-info label.ten.columns {
                font-weight: bold;
                font-size: 14px;
                color: #333;
            }
        </style>
        <form class="margined">
            <div class="ten columns">
                <label class="three columns strong">时间进度</label>

                <div class="seven columns">
                    <div id="home-time-comp" data-progress="25%"></div>
                    <label style="text-align: center;margin-top:-21px;color:#555">25%</label>
                </div>
            </div>
            <div class="ten columns">
                <label class="three columns strong">销售达成率</label>

                <div class="seven columns">
                    <div id="home-sale-comp" data-progress="60%"></div>
                    <label style="text-align: center;margin-top:-21px;color:#555">60%</label>
                </div>
            </div>
            <div class="ten columns" style="line-height: 30px;">
                <label class="three columns strong">月度目标</label>
                <label id="home-month-target-label" class="four columns">100</label>
                <a id="home-info-edit" class="three colums button agreen right small">编辑</a>
                <input id="home-month-target-input" style="display:none;" class="four columns" placeholder="请输入目标"/>
                <a id="home-info-save" style="display:none;" class="three colums button agreen right small">保存</a>
            </div>
            <label class="ten columns">完成情况</label>
            <label class="five columns">今日</label>
            <label class="five columns">3</label>
            <label class="five columns">本周</label>
            <label class="five columns">15</label>
            <label class="five columns">本月</label>
            <label class="five columns">50</label>
            <a id="home-info-intention" style="margin-top: 8px;" class="button agreen big">直达意向用户，提高销量</a>
        </form>
    </article>

    <article id="art-home-custom" data-header="home-header-custom" data-nav="home-nav-custom"
             class="list scroll extended">
        <form style="margin:4px;">
            <input id="home-input-search" style="margin:0px;" type="search" placeholder="请输入关键字"/>
            <a href="javascript:;" id="home-search-custom" class="button gosearch tran"></a>
        </form>
        <div class="margined" style="text-align: center;">
            <div class="ten columns">
                <a id="home-custom-all-btn" class="grid button agreen">全部<br/><span id="home-custom-all">30</span></a>
            </div>
            <div class="ten columns">
                <a id="home-custom-intention-btn" class="grid button red left">意向<br/><span id="home-custom-intention">3</span></a>
                <a id="home-custom-month-btn" class="grid button agreen right">本月<br/><span id="home-custom-month">15</span></a>
            </div>
            <div class="ten columns">
                <a id="home-custom-deal-btn" class="grid button agreen">成交<br/><span id="home-custom-deal">5</span></a>
            </div>
        </div>
    </article>
    <article id="art-home-raid" data-header="home-header-raid" class="list scroll">
        <div class="margined" style="text-align: center;margin-top:12px;">
            <div class="ten columns">
                <a class="sm grid button agreen">小黄</a>
                <a class="sm grid button agreen">小号</a>
            </div>
            <div class="ten columns">
                <a class="sm grid button agreen">小明<br><span>10</span></a>
                <a class="sm grid button agreen">二蛋<br><span>10</span></a>
                <a class="sm grid button agreen">小西<br><span>10</span></a>
            </div>
            <div class="ten columns">
                <a class="sm grid button agreen">小泽</a>
                <a class="sm grid button agreen">+</a>
            </div>
        </div>
    </article>
    <article id="art-home-more" data-header="home-header-more" class="list scroll">
        <ul>
            <li class="arrow selectable">
                <strong>关于</strong>
                <small>版本：v1.0.0</small>
            </li>
        </ul>
    </article>
    <div id="home-float-shortbar" class="float-shortbar" style="text-align: center;display: none;">
        <a id="home-shortbar-intention" class="button trans" style="width:32%">直达意向客户</a>
        <a id="home-shortbar-addvisit" class="button trans" style="width:32%">添加拜访记录</a>
        <a id="home-shortbar-addcustom" class="button trans" style="width:32%">添加客户</a>
    </div>
</section>
<!-----htmls/sections/member.html----->
<section id="member">
    <header id="member-header" data-title="人员统计">
        <nav class="box">
            <a class="iconp icon-back" href="javascript:;"></a>
        </nav>
    </header>
    <article id="art-member" data-header="home-header-info" class="list scroll">

    </article>
</section>
<!-----htmls/sections/visit.html----->
<section id="visit">
    <header id="visit-header" data-title="拜访记录">
        <nav class="box">
            <a class="iconp icon-back" href="javascript:;"></a>
        </nav>
        <nav class="box right">
            <a class="iconp icon-ok" href="javascript:;"></a>
        </nav>
    </header>
    <article id="art-visit" class="list scroll">
        <style>
            section#visit a.button{
                margin-bottom: 8px;
            }
            section#visit label{
                line-height: 35px;
            }
        </style>
        <form class="margined">
            <div class="ten columns">
                <label class="two columns">时间</label>
                <input class="seven columns" id="custom-input-search" placeholder="客户名称" />
            </div>
            <div class="ten columns">
                <label class="two columns">记录</label>
                <input class="seven columns" id="custom-input-search" placeholder="记录" />
            </div>
            <div class="ten columns">
                <label class="two columns">成熟度</label>
                <div>
                    <img src=""/>
                </div>
            </div>
            <div class="ten columns">
                <label class="two columns">地址</label>
                <input class="seven columns" id="custom-input-search" placeholder="地址" />
            </div>
        </form>
    </article>
</section>
<!-----htmls/sections/yelpages.html----->
<section id="yelpages">
    <header id="yelpages-header" data-title="黄页">
        <nav class="box">
            <a class="iconp icon-back" href="javascript:;"></a>
        </nav>
    </header>
    <article id="art-yelpages" class="list scroll">
        <ul id="yelpages-list">
            <li><strong>北京天恒星床垫厂</strong><small>陈武 10000000000</small></li>
            <li><strong>北京天恒星床垫厂</strong><small>陈武 10000000000</small></li>
        </ul>
    </article>
</section>
<!-----htmls/scripts.html----->
<!-- Lungo - Dependencies -->
<script src="js/quo.me.js" type="application/javascript"></script>
<script src="js/lungo.min.js" type="application/javascript"></script>
<script src="js/app.js" type="application/javascript"></script>
</body>
</html>
